<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<title>Sample: Create collapsible sections with DHTML</title>
<style>@import url(coUA.css);</style>
<link disabled rel="stylesheet" href="htmlhelp.css">
<script language="JavaScript" src="master.js"></script>
</HEAD>

<BODY>
<h1>Sample: Create collapsible sections with DHTML</h1>

<p>This sample features an actual topic from the HTML Help documentation. Clicking the green link will make the sidebar disappear. Clicking the link again, or the sidebar itself, will make it disappear again.</p>

<h1>To specify the location of index files
</h1>

	<ol>
	<li>Open a project (.hhp) file, and then click <a onclick="doSection(cpo)" class=sidebar href="#nowhere"><b>Change Project Options</b></a>.
	<DIV CLASS="sidebartext" ID="cpo" STYLE="display: none; height: 72px; width: 300px"
	onclick="noSection(cpo)">
<img src="sb_cpo.gif" width=64 height=64 border=0 alt="">
	<P class=margin>			
	<b>Change Project Options</b>
	</P>
	<P class=margin2>			
	Specifies files, compiler, window, and other project settings.
	</P>
	</DIV>

	<li>Click the <B>Files</B> tab, and then in the <B>Index file</B> box, enter the location and name of your index (.hhk) file.
	</li>
	</ol>

<br>
<table border="0" cellpadding="0" cellspacing="4">
<tr>
<td valign="top"><a href="ocx_dhtml_sidebars.htm"><img src="bkarrow.gif" alt="Go back" border="0"></a>
</td>
<td><a href="ocx_dhtml_sidebars.htm">Back to Create collapsible sections with DHTML</A>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

</BODY>
</HTML>
